<!-- 数据列表组件 -->
<template>
    <el-card class="box-card">
        <div class="card-header">
            <div class="left">
                <el-icon :size="20">
                    <Document />
                </el-icon>
                <span>数据列表</span>
            </div>
            <slot name="addbtn"></slot>
        </div>

    </el-card>
</template>

<script lang='ts' setup>
import { reactive, toRefs, ref } from 'vue'

</script>
<style lang='scss' scoped>
.box-card {

    width: 100%;
    margin-top: 20px;

    .card-header {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .left {
            display: flex;
            align-items: center;

            span {
                margin-left: 10px;
            }
        }
    }



}
</style>